define(['jquery'], () => {
    require(['request', 'template'], (request, template) => {
        class Drop {
            constructor() {
                this.render()
            }
            // 加载下拉菜单
            render() {
                request.getTabs().then(resp => {
                    console.log(resp)
                    if (resp.code === 200) {
                        let { list } = resp.data
                        const id = window.location.hash.slice(1)
                        $('.focus_left').html(template('tabsTemplate', { list, id }))
                        this.tab()
                        this.tablist()
                    }
                })
            }

            tab() {
                $('.tabwrap').mouseenter(function () {
                  $('.focus_left').css('display','block')
                })

                $('.tabwrap').mouseleave(function () {
                    $('.focus_left').css('display','none')
                })
              }


            // 列表详情
            tablist() {
                $('.item').mouseenter(function () {
                    $(this).children('.item-list').css({ 'display': 'block' })

                    $(this).children('.item-list').css('top', () => {
                        return $(this).offset().top - 175
                    })

                })
                $('.item').mouseleave(function () {
                    $(this).children('.item-list').css({ 'display': 'none' })
                })
            }

        }
        new Drop()
    })
})